/**
 * ARCHIVE GALLERY WITH MASONRY EFFECT
 * Date & Place: 25 February 2013- Indonesia
// ---------------------------------------------------
// Created by sandelrahma
// URL: http://www.indosandster.com
 * ---------------------------------------------------
 */

#daftar-isi-galeri {
  margin:0px auto 10px;
  display:block;
  line-height:0px;
}

h4#loading {
  margin:0px 0px;
  text-align:center;
  font:bold 12px Arial,Sans-Serif;
  color:white;
  text-shadow:0px -1px 0px rgba(0,0,0,0.2);
  background-color:#F77A28;
  padding:7px 0px;
  -webkit-border-radius:0px 0px 5px 5px;
  -moz-border-radius:0px 0px 5px 5px;
  border-radius:0px 0px 5px 5px;
  border:none;
  width:100px;
  position:fixed !important;
  position:absolute;
  top:0px;
  left:50%;
  margin-left:-100px;
  z-index:99999;
  -webkit-box-shadow:inset 0px -1px 0px rgba(0,0,0,0.2), 0px 1px 3px rgba(0,0,0,0.4);
  -moz-box-shadow:inset 0px -1px 0px rgba(0,0,0,0.2), 0px 1px 3px rgba(0,0,0,0.4);
  box-shadow:inset 0px -1px 0px rgba(0,0,0,0.2), 0px 1px 3px rgba(0,0,0,0.4);
  -webkit-transition:background-color 1s ease-out;
  -moz-transition:background-color 1s ease-out;
  -ms-transition:background-color 1s ease-out;
  -o-transition:background-color 1s ease-out;
  transition:background-color 1s ease-out;
}

h4#loading.litem {background-color:#308733;}
h4#loading.error {background-color:#D0141B;}

.galeri {
  position:relative;
  float:left;
  display:block;
  overflow:hidden;
  line-height:0px;
  background-color:white;
  margin:2px;
  border:2px solid white;
  -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.7);
  -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.7);
  box-shadow:0px 1px 2px rgba(0,0,0,0.7);
}

.galeri img {
  width:100px;
  height:auto !important;
  border:none !important;
  outline:none !important;
  padding:0px 0px !important;
  margin:0px 0px !important;
  background:transparent !important;
  display:none;
}

.ttle {
  position:absolute;
  bottom:0;
  left:0;
  display:block;
  width:100%;
  background-color:rgba(0,0,0,0.8);
  word-wrap:break-word;
  overflow:hidden;
  display:none;
}

.ttle .inner {
  padding:7px 10px 10px;
}

.ttle a {
  text-decoration:none;
  font:bold 11px/14px Arial,Sans-Serif;
  color:#D3DAED;
  text-shadow:0px 1px 3px black;
}

.ttle a:hover {
  color:white;
  text-decoration:none;
}

.galeri span {
  font:normal 9px/100% Arial,Sans-Serif;
  color:#bbb;
}